<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Pretty</title>
<?php echo $this->headLink() ?> 
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
<link rel="stylesheet" href="<?php echo $this->baseUrl()?>/css/upload/jquery.fileupload-ui.css">
<noscript><link rel="stylesheet" href="<?php echo $this->baseUrl()?>/css/upload/jquery.fileupload-ui-noscript.css"></noscript>

<!-- blueimp Gallery styles -->
<link rel="stylesheet" href="http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
<link rel="stylesheet" href="<?php echo $this->baseUrl()?>/css/upload/jquery.fileupload-ui.css">
<!-- CSS adjustments for browsers with JavaScript disabled -->
<noscript><link rel="stylesheet" href="<?php echo $this->baseUrl()?>/css/upload/jquery.fileupload-ui-noscript.css"></noscript>

<link href="<?php echo $this->baseUrl()?>/css/style.css" rel="stylesheet" type="text/css">
<link href="<?php echo $this->baseUrl()?>/css/style_aq.css" rel="stylesheet" type="text/css">
<link href="<?php echo $this->baseUrl()?>/css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="<?php echo $this->baseUrl()?>/css/scrollpagination.css" rel="stylesheet" media="screen">
<link href="<?php echo $this->baseUrl()?>/css/jquery-tab.css" rel="stylesheet" type="text/css">

<link href="<?php echo $this->baseUrl()?>/js/slide_bot/skin_footer.css" rel="stylesheet" type="text/css" />
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl()?>/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl()?>/js/my-javascript.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl()?>/js/scrollpagination.js"></script>

<!-- will be delete -->
<style>
.no-close .ui-dialog-titlebar-close {
display: none;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!-- end delete -->
</head>
<body>
<?php $controllerName = Zend_Controller_Front::getInstance()->getRequest()->getControllerName();?>
<div class="gridContainer clearfix">
	<div id="wrapper">
        <div class="top">
            <?php echo $this->partial('inc/top.phtml'); ?>
            <?php echo $this->partial('inc/menu.phtml'); ?>
            <?php
            $class=''; 
            if($controllerName == 'index' || $controllerName == 'search' ):
                $class='index';
            ?>
                <?php echo $this->partial('inc/filter.phtml', array('countryCode' => $this->countryCode)); ?>
                <div id="column-headers">
                    <div class="header header1 active"><a href="#" title="">New Member</a></div>
                    <div class="header header2"><a href="#" title="">Going Viral</a></div>
                    <div class="header header3"><a href="#" title="">Top Member</a></div>
                    <div class="clearfix"></div>
                </div> 
            <?php endif;?>
        </div>
        <div class="navigation <?php echo $class;?>">
            <div id="header-second">
        <?php echo $this->layout()->content; ?>
            </div>
        </div>
        <?php echo $this->partial('inc/footer.phtml'); ?>
    </div>
</div>
<!-- will be delete -->
<?php if(!$this->unlock) :?>
<div id="dialog" title="Account Protected">
<div class="protect_error" style="color:red"></div>
Username <input type="text" name="protect_username" id="protect_username" value="">
Password <input type="text" name="protect_password" id="protect_password" value="">
</div>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
    $( "#dialog" ).dialog({
        resizable: false,
        height:200,
        modal: true,
        draggable: false,
        closeOnEscape: false,
        dialogClass: "no-close",
        buttons: {
            "Login": function() {
                var baseurl = '<?php echo $this->baseUrl()?>';
                var username = $('#protect_username').val();
                var password = $('#protect_password').val();
                $.ajax ({
                    type: "POST",
                    url: baseurl + "/user/login-protected",
                    data: { username: username, password: password},
                    success: function(result) {
                        if(result==1) {
                            $('#dialog').dialog("close");
                        } else {
                            $('#protect_username').val('');
                            $('#protect_password').val('');
                        }
                    }
                });
            }
        }
    });

    $( ".ui-dialog " ).css('position','fixed');
});
</script>
<?php endif;?>
<!-- end delete -->
</body>
</html>